<template>
  <swiper class="carousel" :style="{ height }" autoplay indicator-dots circular>
    <swiper-item v-for="item in banners" :key="item.id">
      <image :src="item.imgUrl"></image>
    </swiper-item>
  </swiper>
</template>

<script>
export default {
  props: ['banners', 'height'],
};
</script>

<style scoped></style>
<!-- 
    iphone6  -  375px,  写一个 140px 高度得的轮播图

    375px = 750rpx
    1px = 2rpx
    140px = 280rpx
 -->
